<!-- 二手房 -->
<template>
	<view class="wrap">
		<u-row gutter="16" justify="center" align="top" @click="clickImage(1)">
			<u-col span="4">
				<u-image width="100%" height="207rpx" border-radius="10rpx" :src="src"></u-image>
			</u-col>
			<u-col span="8">
				<view>
					<label class="house-name">
						<u-tag text="人气好房" type="error" mode="dark" size="mini" style="margin-right: 10rpx;" />
						美的林城时代（北区）98.80平128万3室2厅1卫
					</label>
					<view style="margin: 7rpx 0;">
						<view class="house_pq">南北</view>
						<view class="house_pq">满二年</view>
						<view class="house_pq">近地铁</view>
						<view class="house_pq">多人关注</view>
					</view>
					<view style="font-size: 26rpx;">
						<label style="font-weight: bold;">望谟&nbsp;&nbsp;&nbsp;天主堂附近</label>
					</view>
					<view style="margin-top: 10rpx;">
						<label style="font-weight: bold;color: red;font-size: 39rpx;">140<text
								style="font-size: 26rpx;">万</text></label>
						<label
							style="font-weight: bold;font-size: 26rpx;margin-left: 20rpx;">3室2厅&nbsp;&nbsp;&nbsp;&nbsp;114.9m²</label>
					</view>
				</view>
			</u-col>
			<u-col span="12">
				<view style="margin: 1.5rem 0;">
					<u-line color="#ccc" />
				</view>
			</u-col>
		</u-row>

		<u-row gutter="16" justify="center" align="top" @click="clickImage(1)">
			<u-col span="4">
				<u-image width="100%" height="207rpx" border-radius="10rpx" :src="src"></u-image>
			</u-col>
			<u-col span="8">
				<view>
					<label class="house-name">
						<u-tag text="人气好房" type="error" mode="dark" size="mini" style="margin-right: 10rpx;" />
						满五 纯毛胚4房2卫185万带车位 接受贷款楼下地铁口
					</label>
					<view style="margin: 7rpx 0;">
						<view class="house_pq">南北</view>
						<view class="house_pq">满五年</view>
						<view class="house_pq">近地铁</view>
						<view class="house_pq">多人关注</view>
					</view>
					<view style="font-size: 26rpx;">
						<label style="font-weight: bold;">望谟&nbsp;&nbsp;&nbsp;二中附近</label>
					</view>
					<view style="margin-top: 10rpx;">
						<label style="font-weight: bold;color: red;font-size: 39rpx;">185<text
								style="font-size: 26rpx;">万</text></label>
						<label
							style="font-weight: bold;font-size: 26rpx;margin-left: 20rpx;">4室2厅&nbsp;&nbsp;&nbsp;&nbsp;144.2m²</label>
					</view>
				</view>
			</u-col>
			<u-col span="12">
				<view style="margin: 1.5rem 0;">
					<u-line color="#ccc" />
				</view>
			</u-col>
		</u-row>

		<u-row gutter="16" justify="center" align="top" @click="clickImage(1)">
			<u-col span="4">
				<u-image width="100%" height="207rpx" border-radius="10rpx" :src="src"></u-image>
			</u-col>
			<u-col span="8">
				<view>
					<label class="house-name">
						<u-tag text="人气好房" type="error" mode="dark" size="mini" style="margin-right: 10rpx;" />
						美的林城时代（北区）98.80平128万3室2厅1卫
					</label>
					<view style="margin: 7rpx 0;">
						<view class="house_pq">南北</view>
						<view class="house_pq">满二年</view>
						<view class="house_pq">近地铁</view>
						<view class="house_pq">多人关注</view>
					</view>
					<view style="font-size: 26rpx;">
						<label style="font-weight: bold;">望谟&nbsp;&nbsp;&nbsp;书香华府</label>
					</view>
					<view style="margin-top: 10rpx;">
						<label style="font-weight: bold;color: red;font-size: 39rpx;">140<text
								style="font-size: 26rpx;">万</text></label>
						<label
							style="font-weight: bold;font-size: 26rpx;margin-left: 20px;">3室2厅&nbsp;&nbsp;&nbsp;&nbsp;114.9m²</label>
					</view>
				</view>
			</u-col>
			<u-col span="12">
				<view style="margin: 1.5rem 0;">
					<u-line color="#ccc" />
				</view>
			</u-col>
		</u-row>

	</view>
</template>



<style lang="scss">
	.wrap {
		font: 900 16px Pingfang SC;
		//font: 33rpx/1 Tahoma,Arial,'Microsoft YaHei','黑体','宋体',sans-serif;
		padding: 20px 12px;
	}

	.house-name {
		padding: 0;
		margin-top: -17rpx;
		line-height: 170%;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
	}

	.house_pq {
		display: inline-block;
		text-align: center;
		//border: 1px solid #18b9ff;
		padding: 4rpx 9rpx;
		margin: 10rpx 5rpx;
		font-size: 26rpx;
		background-color: #f3f4f7;
		color: #888;
	}
</style>
<script>
	export default {
		data() {
			return {
				// 内容图片
				src: 'https://pic1.ajkimg.com/display/58ajk/fbb993153f8b52242a6b1b3b17b4b188/800x650.jpg',
			}
		},
		methods: {
			clickImage(houseId) {
			}
		}
	}
</script>
<label style="font-weight: bold;color: red;font-size: 39rpx;">140<text style="font-size: 12px;">万</text></label>
